<template>
<h1>班级管理
</h1>

  <div>
    <el-table :data="data" ref="forData"
              :header-cell-style="{ background: '#f2f5fc', color: '#555555' }"
              border style="width: 1110px; margin-top: 10px; margin-bottom: 10px;">
      <el-table-column prop="claNum" label="班级号" width="120" />

      <el-table-column prop="claName" label="班级名称" width="180" />
      <el-table-column prop="" label="创建时间" width="180" />
      <el-table-column label="操作" width="180">
        <template #default="scope">
          <el-button type="success" size="small" @click="alterClass(scope)" >修改</el-button>
          <!--          <el-button type="success" size="small" @click="studentLearnDataWork(scope)" >作业完成详情</el-button>-->

          <el-button  type="danger" size="small" @click="delClass(scope)">删除</el-button>

        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import {ref} from "vue";

export default {
  name: "ClassesManager",
  data() {
    return {
      pageParam: {
        pageSize: 10,			//每页显示几条
        pageNum: 1,				//当前页数
        param: {					//查询条件
          stuName: '',			//学生姓名
          className: '',		//班级名称
          teaNum: ''  //登录者教师学号
        }
      },
      total: 0,             		//查询到的条目
      data: [],//分页的数据
      stuApplyData: [],
      dialogFormVisible: ref(false),


    }
  },
  mounted() {
  },
  methods:{
    //显示课程数据
    classesList(){

    }

  }
}
</script>

<style scoped>

</style>